﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginSA.aspx.cs" Inherits="Account_LoginSA" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.validate.js"></script>
    <link rel="stylesheet" type="text/css" href="../Styles/Site.css" />
    <script language="javascript" type="text/javascript">

        $(document).ready(function () {
            var validator = $("#form1").validate({
                rules: {
                    textLogin: "required",
                    textSenha: { required: true, minlength: 8 }
                }
                ,
                messages: {
                    textLogin: "Informe o seu login",
                    textSenha: { required: "Informe a sua senha",
                        minlength: "A senha deverá possuir no mínimo 8 digitos"
                    }
                },
                wrapper: 'li',
                errorLabelContainer: $("#form1 div.alertmsg")
            });

        });
    </script>
    <style type="text/css">
        .alertmsg
        {
            color: #FF0000;
            text-align: left;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    Sistema Academico
                </h1>
            </div>
            <div class="clear hideSkiplink">
            </div>
        </div>
        <div class="main">
                <h2>
                    Entrar no sistema acadêmico</h2>
                <p>
                    Digite seu usuário e senha nos campos destinados abaixo para entrar no Sistema.</p>
                <br />
                <fieldset class="login" >
                    <legend>Entrar</legend>
                    <p>
                        <asp:Label ID="UserNameLabel" runat="server">Usuário:</asp:Label>
                        <asp:TextBox ID="textLogin" runat="server" CssClass="textEntry"></asp:TextBox></p>
                    <p>
                        <asp:Label ID="PasswordLabel" runat="server" Height="21px" Width="38px">Senha:</asp:Label>
                        <asp:TextBox ID="textSenha" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>
                    </p>
                    
                    <div align="center" class="alertmsg">
                    </div>
                </fieldset>
                <br /><asp:Button ID="btnLogin" runat="server" Text="Entrar" 
                    onclick="btnLogin_Click" />
                <br />
        </div>
        <div class="footer">
        </div>
        
    </div>
    </form>
</body>
</html>
